<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none">
<title>海苔君</title>
<link rel="stylesheet" href="css/ugc.css" type="text/css"/>
<link rel="stylesheet" href="css/swiper.min.css">
</head>

<body>
<header class="top-header">
	<a href="javascript:history.go(-1);" class="back-icon"></a>
	<a href="#" class="nav-right-icon"><img src="images/warn.png"  width="23" height="23" /> </a>
</header>
<div class="pb60">
	<div class="ugc-content">
		<div class="banner">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="images/default_cover.png" width="100%" /><div class="lable"><b></b><a class="#">这里是具体标点的内容</a></div></div>
					<div class="swiper-slide"><img src="images/default_cover.png" width="100%" /></div>
					<div class="swiper-slide"><img src="images/default_cover.png" width="100%" /></div>
					<div class="swiper-slide"><img src="images/default_cover.png" width="100%" /></div>
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<div class="cont">
			<div class="top fix">
				<a href="javascript:;" class="atten">关注TA</a>
				<div class="user">
					<img src="images/index_sub_11.png" class="tx" />
					<p class="name">用户名称</p>
					<p class="time">2015-1-3 10:32:12</p>
				</div>
			</div>
			<div class="m-content">
				这里是用户发表的文字内容这里是用户发表的文字内容这里是用户发表的文字内容这里是用户发表的文字内容这里是用户发表的文字内容这里是用户发表的文字内容这里是用户发表的文字内容
			</div>
			<div class="p10">
				<ul class="xinde_goods">
					<li>
						<a href="#">
							<img src="images/detail_20.png" width="48" height="48" class="mr10" />
							<p class="ell g9">这里显示产品聚合页的标签名sdfdsfsdfsdfds称</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/detail_20.png" width="48" height="48" class="mr10" />
							<p class="ell g9">这里显示产品聚合页的标签名称</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/detail_20.png" width="48" height="48" class="mr10" />
							<p class="ell g9">这里显示产品聚合页的标签名称</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="d-box">
		<div class="bar">
			<h3 class="com-icon">最新评论（3）</h3>
		</div>
		<div class="cont">
			<ul class="com-list">
				<li>
					<div class="com-cont">
						<div class="tit">
							<a href="javascript:;" class="btn"><img src="images/detail_44.png" width="31" /></a>
							<img src="images/detail_15.png" class="tx" />
							<span>用户昵称</span>
							<span class="time">刚刚</span>
						</div>
						<div class="comment">
							<img src="images/detail_48.png" width="10" class="deco" />
							这里是用户评论的内容文字，具体字数就看用户发了多少文字来看了撒。
						</div>
					</div>
					<div class="com-cont sayto">
						<div class="tit">
							<a href="javascript:;" class="btn"><img src="images/detail_44.png" width="31" /></a>
							<img src="images/detail_15.png" class="tx" />
							<span>用户昵称 对 用户昵称 说</span>
							<span class="time">刚刚</span>
						</div>
						<div class="comment">
							<img src="images/detail_48.png" width="10" class="deco" />
							这里是用户评论的内容文字，具体字数就看用户发了多少文字来看了撒。
						</div>
					</div>
				</li>
			</ul>
			<div class="bottom-btn pt10 tc">
				<div class="mt10">
					<a href="comment.html" class="border-btn com-icon">更多评论</a>
				</div>
				<div class="mt10">
					<a href="#" class="border-btn write-icon">我要评论</a>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="fix-comment">
	<div class="cont">
		<a href="javascript:;" class="yellow-btn">确定</a>
		<div class="input">
			<input type="text" class="write-input" placeholder="燕过留痕，人过留名" />
		</div>
		<img src="images/write_icon_03.png" width="10" class="input-desc" />
	</div>
</div>
<script src="js/lib/swiper.min.js"></script>
<script>

</script>
<script src="js/sea.js"></script>
<script>
	seajs.config({
		alias:{
			'jquery':'lib/jquery.js',
			'zepto':'lib/zepto.js',
			'swiper':'lib/swiper.min.js'
		},
		paths:{
			'basePath':'js/'
		},
		debug:true
	})
	seajs.use("src/ugc");
</script>
</body>
</html>
